body, html{
    line-height: 1;
    font-weight: 200;
    margin:0;
    font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif;
  }
a{
  color:#666;
  text-decoration: none;
}
  .clearfix{
    display: inline-block;
    &:after{
      display: block;
      content: ".";
      height: 0;
      line-height: 0;
      clear: both;
      visibility: hidden;
    }   
  }
    
  
  @media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5){
    .border-1px{
      &:after{
        -webkit-transform: scaleY(0.7);
        transform: scaleY(0.7);
      }
    }
      
  }
  
  @media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2){
     .border-1px{
       &:after{
         -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
       }
       
     }
     
  
  }
   
  